<template>

  <div class="bodyParent ">
    <div class="content-body">

      <el-col class="table-conter">
        <div style="width: 100%;top: 0;">
          <span class="font18" style="line-height: 1">配置账户</span>
          <hr style="border: 1px solid #E9E9E9;background-color:#E9E9E9 ">
        </div>
        <div  style="position: relative;top: 0;left: 0;bottom: 0;right: 0;text-align: center;background-color: #1ab394;display: inline-block" >

          <el-card :body-style="{ padding: '0px' }">
            <img src="https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png" class="image">
            <div style="padding: 14px;">
              <span>好吃的汉堡</span>
              <div class="bottom clearfix">
                <time class="time"></time>
                <el-button type="text" class="button">操作按钮</el-button>
              </div>
            </div>
          </el-card>
        </div>

      </el-col>

    </div>

  </div>

</template>

<script>


  export default {
    name: "AccountPassword",
    components: {

    },
    methods: {



    }
    ,
    data() {
      return {}
    }
  }
</script>

<style>

</style>

<style scoped>
  .mr30 {
    margin-right: 30px;
  }


  .ml200 {
    margin-left: 100px;
  }



  .table-conter {
    width: 100%;
    height: 100%;


  }

  .bodyParent {
    padding-left: 20px;
    width: 100%;
    height: 100%;

  }


  .content-body {
    padding: 26px 32px;
    border-radius: 10px;
    width: 100%;
    height: 100%;
    background-color: #fff;
  }

  .content-body hr {
    margin-top: 22px;
    margin-bottom: 26px;

  }


</style>
